import { Flex, Tag } from 'antd';

export interface TagGroupProps<T> {
  options: T[];
}

export function TagGroup<T>({ options }: TagGroupProps<T>) {
  return (
    <Flex style={{ marginTop: '10px' }} gap="4px 0" wrap align="center">
      {options.map((item, index) => (
        <Tag key={index} color="cyan">
          {item.name}
        </Tag>
      ))}
    </Flex>
  );
}
